@charset "utf-8";

.banner { position:relative; width:100%; height:100%; overflow:hidden; }
.banner .swiper-slide { position:relative; width:100%; height:100%; overflow:hidden; }
.banner .swiper-slide .img02 { display:none; }
.banner .swiper-slide img { display: block; /*transform: scale(1.2); -webkit-transition: all 3s 0s; transition: all 3s 0s; */}

.banner .swiper-slide-active img { /*transform: scale(1); */}


.banner .swiper-pagination-1 { position:absolute; bottom:40px!important; left:0; width:100%; font-size:0; text-align:center; z-index:9;  }
.banner .swiper-pagination-1 .swiper-pagination-bullet {  position:relative; font-size:14px; color:#fff; text-align:center; width:15px; height:15px; margin:0 10px!important;  border-radius:0; background:rgba(255,255,255,0.5); border-radius:100%; opacity:1; }
.banner .swiper-pagination-1 .swiper-pagination-bullet-active { background:#075fbb;  }
 
 
@media all and (max-width:1600px){
	.banner .swiper-pagination-1 { bottom:40px!important; }
}
@media all and (max-width:1200px){
	.banner .wrap { width:100%; }
	.banner .swiper-pagination-1 { bottom:20px!important; }
	.banner .swiper-pagination-1 .swiper-pagination-bullet { width:10px; height:10px }
}
@media all and (max-width:750px){
	.banner .swiper-slide .img01 { display:none; }
	.banner .swiper-slide .img02 { display:block; }
}

.container { background:url(bg.png) no-repeat center bottom; }



.aArea { position:relative; margin-top:40px; background:#f6f6f6; z-index:1; overflow:hidden; }
.aArea .txt { position:relative; padding:45px 180px 35px 180px; text-align:center; z-index:5; }
.aArea .txt .p1 { font-size:30px; color:#cc0000; font-weight:bold; line-height:35px; height:35px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea .txt .p2 { font-size:0; color:#666; margin-top:15px; line-height:20px; vertical-align:middle; }
.aArea .txt .p21 { display:inline-block; font-size:16px; vertical-align:middle; max-width:calc(100% - 100px); line-height:20px; height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.aArea .txt .p22 { display:inline-block; font-size:16px; vertical-align:middle; line-height:20px;  color:#cc0000; }

.aArea .txt01 { position:absolute; top:0; left:0; width:120px; z-index:0; }

@media all and (max-width:1600px){
	.aArea .txt {  padding:30px 100px;  }
	.aArea .txt .p1 { font-size:24px; line-height:25px; height:25px;  }
	.aArea .txt .p2 { margin-top:15px; }
	.aArea .txt .p21 { font-size:14px; max-width:calc(100% - 90px); }
	.aArea .txt .p22 { font-size:14px; }
	
	.aArea .txt01 { width:90px; }
}
@media all and (max-width:1280px){
	.aArea .txt .p1 { font-size:18px; line-height:20px; height:20px;  }
}
@media all and (max-width:1200px){
	.aArea { background:#fff; }
}
@media all and (max-width:750px){
	.aArea { margin-top:30px; }
	.aArea .txt { padding:30px 30px;  }
	.aArea .txt .p1 { font-size:16px; line-height:20px; height:20px;  }
	.aArea .txt .p2 { margin-top:10px; }
	.aArea .txt .p21 { font-size:14px; max-width:100%; }
	.aArea .txt .p22 { font-size:14px; display:none; }
	
	.aArea .txt01 { width:50px; }
}

.bArea { background:#fff; margin-top:40px; }
.bArea01 { position:relative; float:left; width:800px; }
.bArea01 .swiper-slide a { position:relative; display:block; }
.bArea01 .swiper-slide .pic { overflow:hidden; }
.bArea01 .swiper-slide .pic img { transition: all 0.6s; width:100%; height:570px; }
.bArea01 .swiper-slide .txt { position:absolute; left:0; right:0; bottom:0; padding:0 110px 0 20px; line-height:50px; height:50px; font-size:16px; font-weight:bold; color:#fff; background:rgba(0,0,0,0.5); z-index:2; vertical-align:middle; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.bArea01 .swiper-pagination-b01 { position:absolute; left:auto; right:0; bottom:0; font-size:16px; color:#fff; width:100px; line-height:50px; text-align:center; z-index:5; }
.bArea01 .swiper-pagination-b01 span { vertical-align:middle; }
.bArea01 .swiper-pagination-b01 .swiper-pagination-current { font-size:30px; font-weight:bold; }

.bArea01 .swiper-slide:hover .pic img { transform: scale(1.1)!important; }

.bArea02 { float:right; width:calc(100% - 800px); padding:20px 20px 0 35px; box-sizing: border-box; }
.bArea02 .hd { position:relative; border-bottom:1px solid rgba(0,0,0,0.1); }
.bArea02 .hd ul li { position:relative; display:inline-block; font-size:24px; color:#333; line-height:70px; margin-right:30px; cursor:pointer; }
.bArea02 .hd ul li:before { position:absolute; display:none; content:""; left:0; right:0; bottom:-1px; height:1px; background:#1364bd; z-index:2; }
.bArea02 .hd ul li:last-child { margin-right:0; }

.bArea02 .hd ul li.on { font-weight:bold; color:#1364bd; }
.bArea02 .hd ul li.on:before { display:block; }

.bArea02 .hd .more { position:absolute; right:0; top:50%; transform: translateY(-50%); z-index:2; }
.bArea02 .hd .more a { display:block; font-size:16px; color:#999; line-height:70px; /*width:18px; height:18px; background:url(b01.png) no-repeat center;*/ }

.bArea02 .bd { margin-top:20px; }
.bArea02 .bd ul li { line-height:65px; border-top:1px solid rgba(0,0,0,0.05); transition: all 0.6s; }
.bArea02 .bd ul li:nth-child(1) { border-top:none; }
.bArea02 .bd ul li span { float:right; font-size:16px; color:#b2b2b2; }
.bArea02 .bd ul li a { position:relative; float:left; display:block; width:calc(100% - 115px); padding-left:15px; font-size:18px; color:#666; line-height:65px; height:65px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.bArea02 .bd ul li a:before { position:absolute; display:block; content:""; width:5px; height:5px; left:0; top:50%; transform: translateY(-50%); background:#b7b7b7; border-radius:100%; z-index:2; }

.bArea02 .bd ul li:hover { background:#f2f2f2; padding:0 20px; }
.bArea02 .bd ul li:hover a { font-weight:bold; color:#1364bd; }
.bArea02 .bd ul li:hover a:before { background:#1364bd; }


@media all and (max-width:1600px){
	.bArea01 { width:600px; }
	.bArea01 .swiper-slide .pic img { width:100%; height:435px; }
	.bArea01 .swiper-slide .txt { padding:0 90px 0 15px; line-height:40px; height:40px; font-size:14px; }
	.bArea01 .swiper-pagination-b01 { font-size:14px; width:80px; line-height:40px; }
	.bArea01 .swiper-pagination-b01 .swiper-pagination-current { font-size:20px; }

	.bArea02 { float:right; width:calc(100% - 600px); padding:10px 20px 0 30px; }
	.bArea02 .hd ul li { font-size:20px; line-height:50px; margin-right:20px; }
	.bArea02 .hd ul li:last-child { margin-right:0; }
	
	.bArea02 .hd .more a { font-size:14px; line-height:50px;  }

 
	.bArea02 .bd { margin-top:20px; }
	.bArea02 .bd ul li { line-height:50px; }
	.bArea02 .bd ul li span { font-size:14px; }
	.bArea02 .bd ul li a { width:calc(100% - 110px); padding-left:15px; font-size:16px; line-height:50px; height:50px; }
	
	.bArea02 .bd ul li:hover { padding:0 15px; }
}
@media all and (max-width:1280px){
	.bArea01 { width:400px; }
	.bArea01 .swiper-slide .pic img { width:100%; height:295px; }
	.bArea01 .swiper-slide .txt { padding:0 90px 0 15px; line-height:40px; height:40px; font-size:14px; }
	.bArea01 .swiper-pagination-b01 { font-size:14px; width:80px; line-height:40px; }
	.bArea01 .swiper-pagination-b01 .swiper-pagination-current { font-size:20px; }

	.bArea02 { float:right; width:calc(100% - 400px); padding:10px 15px 0 20px; }
	.bArea02 .hd ul li { font-size:16px; line-height:40px; margin-right:20px; }
	.bArea02 .hd ul li:last-child { margin-right:0; }
	
	.bArea02 .hd .more a { font-size:14px; line-height:40px;  }
 
	.bArea02 .bd { margin-top:10px; }
	.bArea02 .bd ul li { line-height:45px; }
	.bArea02 .bd ul li:nth-child(6) { display:none; }
	.bArea02 .bd ul li:nth-child(7) { display:none; }
	.bArea02 .bd ul li span { font-size:14px; }
	.bArea02 .bd ul li a { width:calc(100% - 100px); padding-left:10px; font-size:14px; line-height:45px; height:45px; }
}
@media all and (max-width:900px){
	.bArea01 { float:none; width:100%; }
	.bArea01 .swiper-slide .pic img { width:100%; height:auto; }
	.bArea01 .swiper-slide .txt { padding:0 90px 0 15px; line-height:40px; height:40px; font-size:14px; }
	.bArea01 .swiper-pagination-b01 { font-size:14px; width:80px; line-height:40px; }
	.bArea01 .swiper-pagination-b01 .swiper-pagination-current { font-size:20px; }

	.bArea02 { float:none; width:100%; padding:20px 4%; }
	.bArea02 .hd ul li { font-size:16px; line-height:40px; margin-right:15px; }
	.bArea02 .hd ul li:last-child { margin-right:0; }
 
	.bArea02 .bd { margin-top:10px; }
	.bArea02 .bd ul li { line-height:45px; }
	.bArea02 .bd ul li:nth-child(6) { display:block; }
	.bArea02 .bd ul li:nth-child(7) { display:block; }
	.bArea02 .bd ul li span { font-size:12px; }
	.bArea02 .bd ul li a { width:calc(100% - 100px); padding-left:10px; font-size:14px; line-height:45px; height:45px; }
}
@media all and (max-width:750px){
	.bArea { margin-top:30px; }
}

.cArea { margin-top:40px; }

.cArea01 { float:left; width:49.34%; background:#fff; padding:0 20px 0 0; box-sizing: border-box; }
.cArea02 { float:right; width:49.34%; background:#fff; padding:0 20px 0 0; box-sizing: border-box; }

.cArea01 .hd { position:relative; border-bottom:1px solid rgba(0,0,0,0.1); font-size:0; }
.cArea01 .hd i { position:relative; display:inline-block; font-size:24px; font-weight:bold; color:#0e62bc; line-height:70px; padding-left:45px; background:url(c02.png) no-repeat center left; }
.cArea01 .hd i:before { position:absolute; display:block; content:""; left:0; right:0; bottom:-1px; height:1px; background:#0e62bc; z-index:2; }
.cArea01 .hd a { float:right; line-height:70px; font-size:16px; color:#999; } 
.cArea01 .hd a:hover { color:#0b6fc5; } 

.cArea01 .hd i { color:#cd0d0d; background:url(c01.png) no-repeat center left; }
.cArea01 .hd i:before { background:#cd0d0d; }
 
.cArea02 .hd { position:relative; border-bottom:1px solid rgba(0,0,0,0.1); font-size:0; padding-left:45px; background:url(c02.png) no-repeat center left; }
.cArea02 .hd:before { position:absolute; display:block; content:""; left:0; width:140px; bottom:-1px; height:1px; background:#0e62bc; z-index:2; }
.cArea02 .hd ul li { float:left; margin-right:90px; cursor:pointer; }
.cArea02 .hd ul li:last-child { margin-right:0; }
.cArea02 .hd ul li i { position:relative; display:inline-block; font-size:24px; color:#333; line-height:70px; }
.cArea02 .hd ul li.on i {color:#0e62bc; font-weight:bold; }

.cArea02 .hd ul li a { position:absolute; top:0; right:0; line-height:70px; font-size:16px; color:#999; z-index:2; display:none; } 
.cArea02 .hd ul li a:hover { color:#0b6fc5; } 

.cArea02 .hd ul li.on a { display:block; }
 
.cArea .bd { margin-top:20px; }
.cArea .bd ul li { line-height:55px; transition: all 0.6s; }
.cArea .bd ul li span { float:right; font-size:16px; color:#b2b2b2; }
.cArea .bd ul li a { position:relative; float:left; display:block; width:calc(100% - 115px); padding-left:15px; font-size:18px; color:#666; line-height:55px; height:55px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.cArea .bd ul li a:before { position:absolute; display:block; content:""; width:5px; height:5px; left:0; top:50%; transform: translateY(-50%); background:#b7b7b7; border-radius:100%; z-index:2; }

.cArea .bd ul li:hover { padding:0 20px; }
.cArea .bd ul li:hover a { font-weight:bold; color:#1364bd; }
.cArea .bd ul li:hover a:before { background:#1364bd; }


@media all and (max-width:1600px){
	.cArea01 { float:left; width:49%; padding:10px 20px 30px 0; }
	.cArea02 { float:right; width:49%;  padding:10px 20px 30px 0; }
 
	.cArea01 .hd i { font-size:24px; line-height:50px; padding-left:35px; background-size:25px 25px!important; }
	.cArea01 .hd a { float:right; line-height:50px; font-size:14px; }

	.cArea02 .hd { padding-left:35px; background-size:25px 25px!important; }
	.cArea02 .hd:before { width:130px; }
	.cArea02 .hd ul li {  margin-right:30px; }
	.cArea02 .hd ul li:last-child { margin-right:0; }
	.cArea02 .hd ul li i { font-size:24px; color:#333; line-height:50px; }
 
	.cArea02 .hd ul li a { line-height:50px; font-size:14px; } 
 
 
	.cArea .bd { margin-top:20px; }
	.cArea .bd ul li { line-height:50px; }
	.cArea .bd ul li span { font-size:14px; }
	.cArea .bd ul li a { width:calc(100% - 125px); padding-left:15px; font-size:16px; line-height:50px; height:50px; }

	.cArea .bd ul li:hover { padding:0 15px; }
}
@media all and (max-width:1280px){
	.cArea01 .hd i { font-size:18px; line-height:40px; padding-left:30px; background-size:20px 20px!important; }
	.cArea01 .hd a { float:right; line-height:40px; font-size:14px; } 
	
	.cArea02 .hd { padding-left:30px; background-size:20px 20px!important; }
	.cArea02 .hd:before { width:110px; }
	.cArea02 .hd ul li {  margin-right:20px; }
	.cArea02 .hd ul li:last-child { margin-right:0; }
	.cArea02 .hd ul li i { font-size:18px; line-height:40px; }
 
	.cArea02 .hd ul li a { line-height:40px; font-size:14px; } 
 
	.cArea .bd { margin-top:20px; }
	.cArea .bd ul li { line-height:40px; }
	.cArea .bd ul li span { font-size:14px; }
	.cArea .bd ul li a { width:calc(100% - 110px); padding-left:15px; font-size:14px; line-height:40px; height:40px; }

}
@media all and (max-width:1200px){
	.cArea01 { float:left; width:49.34%; padding:10px 20px 30px 20px; }
	.cArea02 { float:right; width:49.34%; padding:10px 20px 30px 20px; }
}
@media all and (max-width:750px){
	.cArea { margin-top:30px; }
	
	.cArea01 { float:none; width:100%; padding:10px 4% 20px 4%; }
	.cArea02 { float:none; width:100%; padding:10px 4% 20px 4%; margin-top:30px; }

	.cArea01 .hd i { font-size:16px; line-height:40px; padding-left:30px; background-size:20px 20px!important; }
	.cArea01 .hd a { float:right; line-height:40px; font-size:14px; } 
 
	.cArea .bd { margin-top:20px; }
	.cArea .bd ul li { line-height:40px; }
	.cArea .bd ul li span { font-size:12px; }
	.cArea .bd ul li a { width:calc(100% - 100px); padding-left:10px; font-size:14px; line-height:40px; height:40px; }
}

.dArea { position:relative; margin-top:40px; } 
.dArea .hd01 { position:absolute; top:90px; left:40px; right:calc(50% + 40px); line-height:55px; border-bottom:1px solid rgba(255,255,255,0.1); z-index:2; }
.dArea .hd01:before { position:absolute; left:0; bottom:-1px; width:30px; height:2px; background:#fff; display:block; content:""; z-index:2; }
.dArea .hd01 a { float:right; font-size:14px; color:rgba(255,255,255,0.5); }
.dArea .hd01 i { display:inline-block; font-size:32px; color:#fff; }

.dArea .hd01 a:hover { color:#fff; }

#s_kaogu { position: relative; overflow: hidden; width: 100%; }
#s_kaogu .bd { width: 50%; position: relative; background: url(d05.jpg) no-repeat center #0b6fc5; background-size:cover; }
#s_kaogu .bd ul li { position:relative; min-height:560px; }
#s_kaogu .bd ul li .txt { position:absolute; top:50%; margin-top:40px; color:#fff; left:40px; right:40px; transform: translateY(-50%); z-index:2; }
#s_kaogu .bd ul li .txt .p1 { font-size:24px; }
#s_kaogu .bd ul li .txt .p2 { font-size:16px; line-height:25px; height:75px; margin-top:20px; color:rgba(255,255,255,0.7); overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
#s_kaogu .bd ul li .txt .p3 { margin-top:70px; }
#s_kaogu .bd ul li .txt .p3 a { display:block; width:140px; height:45px; line-height:45px; background:#074a8f; color:#fff; font-size:14px; text-align:center; border-radius:25px; }

#s_kaogu .hd { width:50%; position:absolute; left:50%; top:0; height:100%; z-index:2; background:rgba(0,0,0,.4); }
#s_kaogu .hd ul { height:100%; }
#s_kaogu .hd ul li { height:100%; color:#fff; cursor:pointer; position:relative; z-index:1; }
#s_kaogu .hd ul li.slick-current:after { width:100%; }

#s_kaogu .hd ul li .txt { padding-top:210px; width:30px; text-align:center; margin:0 auto; }
#s_kaogu .hd ul li .txt .p1 { width:18px; height:18px; margin:0 auto; background:url(d03.png) no-repeat center; background-size:contain!important; }
#s_kaogu .hd ul li .txt .p2 { font-size:24px; color:rgba(255,255,255,0.5); line-height:1.2; margin-top:15px; }
#s_kaogu .hd ul li.slick-current .txt .p1 { background:url(d04.png) no-repeat center; }
#s_kaogu .hd ul li.slick-current .txt .p2 { color:#fff; }
 
#s_kaogu .bd2 { width:50%; position:absolute; left:50%; top:0; height:100%; z-index:1; }
#s_kaogu .bd2 ul { height:100%; }
#s_kaogu .bd2 ul li { height:100%; }
#s_kaogu .bd2 .bg { width:33.3333333%; height:100%; transition:ease-out 0s; position:absolute; top:0; left:0; background-size:cover !important; background-position-y:center!important; }
#s_kaogu .bd2 .bg:before { content:""; width:1px; height:100%; background: rgba(255,255,255,.2); position:absolute; right:0; top:0; }
#s_kaogu .bd2 .bg.bg2 { left:33.333%; }
#s_kaogu .bd2 .bg.bg3 { left:66.66666%; }
.slick-list,.slick-track { height:100%; }
#s_kaogu .bd2 ul li { opacity:1 !important; }
#s_kaogu .bd2 ul li.remove { z-index:99999 !important; }
#s_kaogu .bd2 ul li.remove .bg { width:0%; transition: ease 1.5s; }
#s_kaogu .bd2 ul li.slick-active .bg:before { animation:mymove 9s infinite; -webkit-animation:mymove 9s infinite;}@keyframes mymove{0% {height:0;}100% {height:100%;}}
@-webkit-keyframes mymove /*Safari and Chrome*/{0% {height:0;}100% {height:100%;}}

#s_kaogu .btn { position:absolute; left:50%; bottom:0; width:320px; transform: translateX(-50%); z-index:2; }
#s_kaogu .btn .btn01 { float:left; width:50%; height:80px; cursor:pointer; }
#s_kaogu .btn .prev-d01 { background:url(d01.png) no-repeat center rgba(0,0,0,0.5); }
#s_kaogu .btn .next-d01 { background:url(d02.png) no-repeat center rgba(0,0,0,0.5); }

@media only screen and (max-width:1600px){
	.dArea .hd01 { top:50px; left:30px; right:calc(50% + 30px); line-height:50px; }
	.dArea .hd01:before { background:#0b6fc5; }
	.dArea .hd01 a { font-size:14px; }
	.dArea .hd01 i { font-size:24px; }

	#s_kaogu .bd ul li { min-height:515px; }
	#s_kaogu .bd ul li .txt .p1 { font-size:18px; }
	#s_kaogu .bd ul li .txt .p2 { font-size:14px; line-height:25px; height:75px; margin-top:20px; -webkit-line-clamp:3; }
	#s_kaogu .bd ul li .txt .p3 { margin-top:50px; }
	#s_kaogu .bd ul li .txt .p3 a { width:120px; height:40px; line-height:40px; }

	#s_kaogu .hd ul li .txt { padding-top:180px; }
	
	#s_kaogu .btn { width:250px; }
	#s_kaogu .btn .btn01 { height:60px; }
}
@media only screen and (max-width:750px){
	.dArea { margin-top:30px; } 
	.dArea .hd01 { position:relative; top:auto; left:auto; right:auto; border-bottom:1px solid #ddd; line-height:50px; }
	.dArea .hd01 a { font-size:14px; color:#666; }
	.dArea .hd01 i { font-size:16px; color:#000; }
	
	#s_kaogu { margin-top:20px; }
	#s_kaogu .bd { width:100%; }
	#s_kaogu .bd ul li { min-height:300px; }
	#s_kaogu .bd ul li .txt { top:45%; margin-top:0; left:4%; right:4%;  }
	#s_kaogu .bd ul li .txt .p1 { font-size:18px; }
	#s_kaogu .bd ul li .txt .p2 { font-size:14px; line-height:25px; height:75px; margin-top:20px; -webkit-line-clamp:3; }
	#s_kaogu .bd ul li .txt .p3 { margin-top:40px; }
	#s_kaogu .bd ul li .txt .p3 a { width:120px; height:40px; line-height:40px; }

	#s_kaogu .bd2 { width: 100%; left:0; height: 300px; }
	
	#s_kaogu .hd { position: relative; left:0; width: 100%; height: 300px; }
	#s_kaogu .hd ul li .txt { padding-top:70px; width:20px; }
	#s_kaogu .hd ul li .txt .p2 { font-size:18px; margin-top:15px; }
	
	#s_kaogu .btn { width:200px; }
	#s_kaogu .btn .btn01 { height:40px; background-size:8px 13px!important; }
}
 

.eArea { margin-top:40px; padding:0 0 0 0; background:#fff; }
.eArea .hd { position:relative; border-bottom:1px solid rgba(0,0,0,0.1); font-size:0; }
.eArea .hd i { position:relative; display:inline-block; font-size:32px; color:#0a6dc6; line-height:70px; }
.eArea .hd i:before { position:absolute; display:block; content:""; left:0; right:0; bottom:-1px; height:1px; background:#0e62bc; z-index:2; }
.eArea .hd a { float:right; line-height:70px; font-size:16px; color:#999; } 
.eArea .hd a:hover { color:#0b6fc5; } 

.eArea .bd { margin-top:40px; }
.eArea .bd .swiper-slide a { position:relative; display:block; }
.eArea .bd .swiper-slide .pic { overflow:hidden; }
.eArea .bd .swiper-slide .pic img { transition: all 0.6s; }
.eArea .bd .swiper-slide .txt { position:absolute; left:0; right:0; bottom:0; text-align:center; padding:0 5px; line-height:50px; height:50px; font-size:18px; color:#fff; background:rgba(0,0,0,0.6); z-index:2; vertical-align:middle; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.eArea .bd .swiper-slide:hover .pic img { transform: scale(1.1)!important; }
.eArea .bd .swiper-slide:hover .txt { background:#075fbb; }

@media all and (max-width:1600px){
	.eArea { padding:0 0 0 0; }
	.eArea .hd i { font-size:24px; line-height:50px; }
	.eArea .hd a { float:right; line-height:50px; font-size:14px; } 
 
	.eArea .bd { margin-top:30px; }
	.eArea .bd .swiper-slide .txt { line-height:40px; height:40px; font-size:16px;  }
}
@media all and (max-width:1200px){
	.eArea { padding:20px 20px 35px 20px; }
}
@media all and (max-width:750px){
	.eArea { margin-top:30px; padding:10px 4% 30px; }
	.eArea .hd i { font-size:16px; line-height:40px; }
	.eArea .hd a { float:right; line-height:40px; font-size:14px; } 
 
	.eArea .bd { margin-top:20px; }
	.eArea .bd .swiper-slide .txt { line-height:40px; height:40px; font-size:14px;  }
}

.fArea { position:relative; margin-top:40px; background:#fff; }
.fArea .hd { position:relative; float:left; width:105px; min-height:350px; background:#075fbb; }
.fArea .hd i { display:block; width:35px; text-align:center; padding-top:55px; font-size:30px; color:#fff; line-height:1.1; margin:0 auto; }
.fArea .hd a { position:absolute; display:block; width:35px; height:35px; left:50%; transform: translateX(-50%); bottom:60px; background:url(f01.png) no-repeat center; background-size:contain; z-index:2; }

.fArea .bd01 { position:absolute; top:0; right:0; font-size:16px; color:#999; z-index:2; }
.fArea .bd01 a { color:#999; } 
.fArea .bd01 a:hover { color:#0b6fc5; } 


.fArea .bd { position:absolute; top:50%; transform: translateY(-50%); left:145px; right:0; z-index:5; }
.fArea .bd .swiper-slide .pic { overflow:hidden; }
.fArea .bd .swiper-slide .pic img { transition: all 0.6s; }
.fArea .bd .swiper-slide .txt { text-align:center; padding:0 5px; margin-top:15px; line-height:20px; height:20px; font-size:16px; color:#333; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }

.fArea .bd .swiper-slide:hover .pic img { transform: scale(1.1)!important; }

@media all and (max-width:1600px){
	.fArea .hd { width:90px; min-height:250px; }
	.fArea .hd i { width:25px;  padding-top:30px; font-size:24px; }
	.fArea .hd a { width:30px; height:30px; bottom:30px; }

	.fArea .bd { left:120px; right:0; bottom:0; top:auto; transform: translateY(0); }
	.fArea .bd .swiper-slide .txt { margin-top:10px; font-size:14px; }
}
@media all and (max-width:1200px){
	.fArea .bd01 { right:20px; font-size:14px; top:10px; }	
	.fArea .bd { left:120px; right:20px; bottom:auto; top:50%; transform: translateY(-50%); }
}
@media all and (max-width:750px){
	.fArea { margin-top:30px; }
	.fArea .hd { float:none; width:100%; min-height:40px; padding:0 4%; box-sizing: border-box; }
	.fArea .hd i { display:inlie-block; width:calc(92% - 30px); text-align:left; line-height:40px; padding-top:0; font-size:16px; margin:0; }
	.fArea .hd a { position:relative; float:right; margin-top:10px; width:20px; height:20px; left:auto; transform: translateX(0); bottom:auto; display:none; }
	
	.fArea .bd01 { right:4%; font-size:14px; top:0; line-height:40px; }	
	.fArea .bd01 a { color:#fff; }	
	
	.fArea .bd { position:relative; width:100%; padding:25px 4% 30px; margin:0 auto; top:auto; transform: translateY(0); left:auto; right:auto; box-sizing: border-box; }
}

.gArea { padding:40px 0; }
.gArea .hd { font-size:32px; color:#075fbb; text-align:center; }
.gArea .bd { margin-top:35px; }
.gArea .bd .swiper-slide a { display:block; border:1px solid rgba(0,0,0,0.1); }

@media all and (max-width:1600px){
	.gArea .hd { font-size:28px; }
	.gArea .bd { margin-top:25px; }
}
@media all and (max-width:1280px){
	.gArea .hd { font-size:24px; }
	.gArea .bd { margin-top:20px; }
}
@media all and (max-width:750px){
	.gArea { padding:30px 0; }
}

.hArea { margin-top:40px; }
.hBox { float:left; width:32%; box-sizing: border-box; }

.hBox .hd { position:relative; border-bottom:1px solid rgba(0,0,0,0.1); font-size:0; }
.hBox .hd i { position:relative; display:inline-block; font-size:24px; font-weight:bold; color:#0e62bc; line-height:70px; padding-left:45px; background:url(c02.png) no-repeat center left; }
.hBox .hd i:before { position:absolute; display:block; content:""; left:0; right:0; bottom:-1px; height:1px; background:#0e62bc; z-index:2; }
.hBox .hd a { float:right; line-height:70px; font-size:16px; color:#999; } 
.hBox .hd a:hover { color:#0b6fc5; } 

.hBox01 .hd i { color:#cd0d0d; background:url(c01.png) no-repeat center left; }
.hBox01 .hd i:before { background:#cd0d0d; }

.hBox02 { margin:0 2%; }
.hBox02 .hd i { background:url(c02.png) no-repeat center left; }

.hBox03 .hd i { background:url(c03.png) no-repeat center left; }

.hBox .bd { margin-top:20px; }
.hBox .bd ul li { line-height:55px; transition: all 0.6s; }
.hBox .bd ul li span { float:right; font-size:16px; color:#b2b2b2; }
.hBox .bd ul li a { position:relative; float:left; display:block; width:calc(100% - 115px); padding-left:15px; font-size:18px; color:#666; line-height:55px; height:55px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
.hBox .bd ul li a:before { position:absolute; display:block; content:""; width:5px; height:5px; left:0; top:50%; transform: translateY(-50%); background:#b7b7b7; border-radius:100%; z-index:2; }

.hBox .bd ul li:hover { padding:0 20px; }
.hBox .bd ul li:hover a { font-weight:bold; color:#1364bd; }
.hBox .bd ul li:hover a:before { background:#1364bd; }
 
@media all and (max-width:1600px){
	.hBox .hd i { font-size:24px; line-height:50px; padding-left:35px; background-size:25px 25px!important; }
	.hBox .hd a { float:right; line-height:50px; font-size:14px; }
	
	.hBox .bd { margin-top:20px; }
	.hBox .bd ul li { line-height:50px; }
	.hBox .bd ul li span { font-size:14px; }
	.hBox .bd ul li a { width:calc(100% - 125px); padding-left:15px; font-size:16px; line-height:50px; height:50px; }

	.hBox .bd ul li:hover { padding:0 15px; }
}
@media all and (max-width:1280px){
	.hBox .hd i { font-size:18px; line-height:40px; padding-left:30px; background-size:20px 20px!important; }
	.hBox .hd a { float:right; line-height:40px; font-size:14px; } 
	
	.hBox .bd { margin-top:20px; }
	.hBox .bd ul li { line-height:40px; }
	.hBox .bd ul li span { font-size:14px; }
	.hBox .bd ul li a { width:calc(100% - 110px); padding-left:15px; font-size:14px; line-height:40px; height:40px; }
}
@media all and (max-width:1200px){
	.hBox { padding:20px; background:#fff; }
}
@media all and (max-width:750px){
	.hArea { margin-top:30px; }
	
	.hBox { float:none; width:100%; }
	.hBox02 { margin:30px 0; }
	
	.hBox .hd i { font-size:16px; line-height:40px; padding-left:30px; background-size:20px 20px!important; }
	.hBox .hd a { float:right; line-height:40px; font-size:14px; } 
	
	.hBox .bd { margin-top:20px; }
	.hBox .bd ul li { line-height:40px; }
	.hBox .bd ul li span { font-size:12px; }
	.hBox .bd ul li a { width:calc(100% - 100px); padding-left:10px; font-size:14px; line-height:40px; height:40px; }
}

.jArea { position:relative; margin-top:40px; } 
.jArea .swiper-slide .img02 { display:none; }

.jArea .swiper-pagination-j01 { position:absolute; bottom:10px!important; left:0; padding-right:20px; width:100%; font-size:0; text-align:right; z-index:9; box-sizing: border-box; }
.jArea .swiper-pagination-j01 .swiper-pagination-bullet { osition:relative; color:#fff; text-align:center; width:10px; height:10px; margin:0 5px!important;  border-radius:0; background:rgba(255,255,255,0.5); border-radius:100%; opacity:1; }
.jArea .swiper-pagination-j01 .swiper-pagination-bullet-active { background:#075fbb;  }
 
@media all and (max-width:750px){
	.jArea { margin-top:30px; } 
	
	.jArea .swiper-slide .img01 { display:none; }
	.jArea .swiper-slide .img02 { display:block; }
}







/*
@media all and (max-width:1600px){

}
@media all and (max-width:1280px){

}
@media all and (max-width:750px){

}
*/